<f:layout name="Default" />

<f:section name="content">
	<div>
		<f:flashMessages as="flashMessages" queueIdentifier="impexp.errors">
			<f:for each="{flashMessages}" as="flashMessage">
				<div class="alert {flashMessage.class}">
					<div class="media">
						<div class="media-left">
							<span class="fa-stack fa-lg">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-{flashMessage.iconName} fa-stack-1x"></i>
							</span>
						</div>
						<div class="media-body">
							<f:if condition="{flashMessage.title}">
								<h4 class="alert-title">{flashMessage.title}</h4>
							</f:if>
							<div class="alert-message">{flashMessage.message}</div>
						</div>
					</div>
				</div>
			</f:for>
		</f:flashMessages>
		<div role="tabpanel">
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active">
					<a class="text-capitalize" href="#import-import" aria-controls="import-import" role="tab" data-toggle="tab">
						<f:translate key="importdata_import" />
					</a>
				</li>
				<f:if condition="{hasTempUploadFolder}">
					<li role="presentation">
						<a class="text-capitalize" href="#import-upload" aria-controls="import-upload" role="tab" data-toggle="tab">
							<f:translate key="importdata_upload" />
						</a>
					</li>
				</f:if>
				<f:if condition="{metaDataInFileExists}">
					<li role="presentation">
						<a class="text-capitalize" href="#import-metadata" aria-controls="import-metadata" role="tab" data-toggle="tab">
							<f:translate key="importdata_metaData_1387" />
						</a>
					</li>
				</f:if>
				<f:if condition="{errors}">
					<li role="presentation">
						<a class="text-capitalize" href="#import-errors" aria-controls="import-errors" role="tab" data-toggle="tab">
							<f:translate key="importdata_messages" />
							<core:icon identifier="status-dialog-warning" />
						</a>
					</li>
				</f:if>
			</ul>
		</div>
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="import-import">
				<div class="panel panel-tab">
					<div class="panel-body">
						<f:render partial="Import/Import" arguments="{_all}"/>
					</div>
				</div>
			</div>
			<f:if condition="{hasTempUploadFolder}">
				<div role="tabpanel" class="tab-pane" id="import-upload">
					<div class="panel panel-tab">
						<div class="panel-body">
							<f:render partial="Import/Upload" arguments="{_all}"/>
						</div>
					</div>
				</div>
			</f:if>
			<f:if condition="{metaDataInFileExists}">
				<div role="tabpanel" class="tab-pane" id="import-metadata">
					<div class="panel panel-tab">
						<div class="panel-body">
							<f:render partial="Import/MetaData" arguments="{_all}"/>
						</div>
					</div>
				</div>
			</f:if>
			<f:if condition="{errors}">
				<div role="tabpanel" class="tab-pane" id="import-errors">
					<div class="panel panel-tab">
						<div class="panel-body">
							<f:format.raw>{errors}</f:format.raw>
						</div>
					</div>
				</div>
			</f:if>
		</div>
	</div>
	<f:render partial="ContentOverview" arguments="{_all}"/>
</f:section>
